import {
  Text,
  Title2,
  makeStyles,
} from '@fluentui/react-components'

const useStyles = makeStyles({
  container: {
    display: 'flex',
    flexDirection: 'column',
    gap: '24px',
  },
  header: {
    marginBottom: '16px',
  },
})

const Config = () => {
  const classes = useStyles()

  return (
    <div className={classes.container}>
      <div className={classes.header}>
        <Title2>系统配置</Title2>
        <Text>配置爬虫系统参数</Text>
      </div>
      
      <Text>系统配置页面 - 待实现</Text>
    </div>
  )
}

export default Config
